/**************************************************************************************** Import */
import _ from 'lodash';
import React, {Component} from 'react';
import ScrollableTabView, { ScrollableTabBar, DefaultTabBar } from 'react-native-scrollable-tab-view';
import { Icon,  List, Button, InputItem, Tabs, TextareaItem, DatePicker, Accordion } from 'antd-mobile-rn';
import { CAround, CBetween, CCenter, CColumn, CFloat, CHand, CItemX, CItemY, CLine, CLoad, CRow, CWrap, CBone, CIcon, CImage, CSvg, CText, CFull, CScroll, CFooter, CHeader, CPage, CButton, CLabel, PTabbar, PHeader, PCustumTabBar } from '../../../../library/comp';
import { Dialog, Http, PageBase } from '../../../../library/func';
import Design from '../../../../design';
import Config from '../../../../config';

/**************************************************************************************** Pageload */

/**************************************************************************************** Cacheload */

/**************************************************************************************** Preload */

/**************************************************************************************** Get */

/**************************************************************************************** Post */

/**************************************************************************************** Page */
export default class MyActivity extends PageBase {
    constructor (props) {
        super(props);
        this.state = {
            
        };
    }

    /************************************************************************************ Render */
    render(){
        
        return(
            <CPage>

                <CFull f='1' bg='#fff' mt='96'>
					<ScrollableTabView
						tabBarActiveTextColor='#26c75e'
						style={{justifyContent:'center',backgroundColor:'#efeff4'}}
						tabBarUnderlineStyle={{backgroundColor:'#26c75e',width:'14%',left:'18%',height:2}}
						initialPage={0}
    					renderTabBar={(e) => <PCustumTabBar style={{height:30,borderBottomColor:'transparent',borderBottomWidth:0,backgroundColor:'#fff',paddingTop:10}} ></PCustumTabBar>}
					>

						<CRow tabLabel='已报名' pt='100' x='center' y='top'>
                            <CItemY x='center' y='center'>
                                <CIcon width="50" height="50" color="#aeaeae" icon={ Design.icon["myactivty"] }></CIcon>
                                <CText color='#aeaeae' size='26' mt="10">暂无记录</CText>
                            </CItemY>
                        </CRow>

                        <CRow tabLabel='已关注' pt='100' x='center' y='top'>
                            <CItemY x='center' y='center'>
                                <CIcon width="50" height="50" color="#aeaeae" icon={ Design.icon["myactivty"] }></CIcon>
                                <CText color='#aeaeae' size='26' mt="10">暂无记录</CText>
                            </CItemY>
                        </CRow>
						
					</ScrollableTabView>
				</CFull>

                {/* header */}
				<PHeader nav={this.nav}>我的活动</PHeader>

            </CPage>
        )
    }
}
